<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
     <style>       
            .row1{ 
                background: #dcdcdc;
 
    </style>
    <h:body>
        <ui:composition template="./plantilla/plantilla.xhtml">                    
        <ui:define name="center">
            <div class="h_title">Lista de Clases</div>
            <h:form id="form"> 
                <p:growl id="grwClase" showDetail="true"  />
                <p:panel id="panellista" style="font-size:small;margin: auto">
                <p:dataTable id="dtbClase" var="clase" value="#{claseController.listaClase}"
                            paginator="true" rows="20"  rendered="true"
                            paginatorPosition="bottom"
                            style="width: 100%; font-size: 15px;" 
                            rowStyleClass="#{rowIndex mod 2 ne 0 ? 'row1' : 'null'}"
                            rowIndexVar="rowIndex"
                            resizableColumns="true" scrollWidth="true"
                            >  

                    <p:column  style="width:30%">
                        <f:facet name="header">
                            <h:outputText value="Asignatura"  />
                        </f:facet>
                        <h:outputText value="#{clase.NAsgId.VNombre}" />

                    </p:column>    


                    <p:column  style="width:25%">
                        <f:facet name="header">
                            <h:outputText value="Tipo de Dictado"  />
                        </f:facet>
                        <h:outputText value="#{clase.NMdlDctId.VNombre}" />

                    </p:column>  
                    
                    <p:column  style="width:25%">
                        <f:facet name="header">
                            <h:outputText value="Nº de horas"  />
                        </f:facet>
                        <h:outputText value="#{clase.NHoras} h." />

                    </p:column> 
                    
                    <p:column  style="width:25%">
                        <f:facet name="header">
                            <h:outputText value="Capacidad"  />
                        </f:facet>
                        <h:outputText value="#{clase.NCapacidad}" />

                    </p:column> 

                    <p:column  style="width:20%">
                        <f:facet name="header">
                            <h:outputText value="Estado"  />
                        </f:facet>
                        <h:outputText value="#{clase.VEstado}" />
                    </p:column>
                </p:dataTable>
                </p:panel>
            </h:form>
            <h:form id="formCrearClase" >      
                <p:dialog id="dlgCrearClase" header="Registro de Clase" 
                          widgetVar="vdlgCrearClase" modal="true"
                          resizable="false" 
                          style="position:absolute; top:15% ; left:15%;" 
                          width="460" showEffect="clip" hideEffect="fold" >  

                    <h:panelGrid id="pnlCrearClase" columns="3" cellpadding="6" style="width: 100%">
                        
                        <h:outputLabel value="Facultad" styleClass="colum"/>
                        <h:outputLabel value=":"  styleClass="colum"/>
                        <p:selectOneMenu id="smnFacultad" effect="fold"
                            value="#{direccionEscuelaController.NFctId}"
                            valueChangeListener="#{planEstudiosController.updateValor()}"
                            required="true" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{facultadController.itemsFacultadSelectOne}"/>
                            <p:ajax update="smnDirEscuela, smnPlanEstudios, smnAsignatura">
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Dir. de Escuela" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  id="smnDirEscuela"
                            valueChangeListener="#{asignaturaController.updateValor()}"
                            value="#{planEstudiosController.NDrcEscId}" effect="fold" 
                            disabled="#{direccionEscuelaController.enabled}" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{direccionEscuelaController.itemsDirEscuelaSelectOne}"/>                        
                            <p:ajax update="smnPlanEstudios, smnAsignatura">                                
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Plan de Estudios" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  value="#{asignaturaController.NPlnCrrId}"
                            id="smnPlanEstudios" effect="fold" required="true" 
                            disabled="#{direccionEscuelaController.NFctId eq '0' ? true : planEstudiosController.enabled}">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{planEstudiosController.itemsPlanCurricularSelectOne}"/>
                            <p:ajax update="smnAsignatura">       
                            </p:ajax>
                        </p:selectOneMenu>                                                              
                        
                        <h:outputLabel value="Asignatura" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  id="smnAsignatura" value="#{claseController.NAsgId}" 
                            disabled="#{planEstudiosController.NDrcEscId eq '0' ? true : asignaturaController.enabled}"
                            effect="fold" required="true" filter="true">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{asignaturaController.itemsAsignaturaSelectOne}"/>                            
                        </p:selectOneMenu>                                                
                                                
                        <h:outputLabel value="Tipo de Dictado" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  value="#{claseController.VTipoDictado}" 
                            id="smnTipoDictado" effect="fold" required="true" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{modalidadDictadoController.itemsModalidadDictadoSelectOne}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Cantidad de Horas" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:spinner id="spnHora" min="0" max="10"
                                   value="#{claseController.NHoras}" /> 
                        
                        <h:outputLabel value="Capacidad" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:spinner id="spnCapacidad" min="4" max="1000"
                                   value="#{claseController.NCapacidad}" /> 
                        
                        <h:outputLabel />
                        <h:outputLabel />
                            
                        <p:commandButton id="btnGrabarClase" value="Guardar"    
                            actionListener="#{claseController.grabarClase}"
                            ajax="true"                            
                            update=":form:dtbClase :form:grwClase"
                            style="background:#043f52;color:white;float:right;"
                            onclick="vdlgCrearClase.hide()">                            
                        </p:commandButton>          
                            
                    </h:panelGrid>  
                </p:dialog>
            </h:form>            
	</ui:define>
        </ui:composition>

    </h:body>
</html>